<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/vue.js"></script>
</head>
<body>

    <div>目录</div>
    <div>
        <div>基础</div>
        <div>
            1、<a href="basic/demo1.html">vue基本结构</a>
        </div>
        <div>
            2、<a href="basic/demo2.html">attribute v-bind使用</a>
        </div>
        <div>
            3、<a href="basic/demo3.html">v-if使用</a>
        </div>
        <div>
            4、<a href="basic/demo4.html">v-for使用</a>
        </div>
        <div>
            5、<a href="basic/demo5.html">定义一个方法，绑定一个元素点击，控制元素显示与隐藏</a>
        </div>
        <div>
            6、<a href="basic/demo6.html">v-model 双向绑定的使用</a>
        </div>
        <div>
            7、<a href="basic/demo7.html">输出元素html,v-html使用</a>
        </div>
    </div>
    <div>
        <div>组件</div>
        <div>
            1、<a href="component/demo1.html">最简单的组件</a>
        </div>
        <div>
            2、<a href="component/demo2.html">定义属性的组件，同时外部传参</a>
        </div>
    </div>
</body>
</html>